{% extends "base_step.html" %}
{% load i18n %}
{% block content %}
<script type="text/javascript">
function hide_progressbar() {
    document.getElementById("optionstable").style.display = "block";
    document.getElementById("button").style.display = "block";
    document.getElementById("progressbar").style.display = "none";
}

function show_progressbar() {
    document.getElementById("optionstable").style.display = "none";
    document.getElementById("button").style.display = "none";
    document.getElementById("progressbar").style.display = "block";
}
window.onunload = hide_progressbar;
</script>
<div id="progressbar"><img src="{{ MEDIA_URL }}/img/progress.gif" alt="progressbar" /><br />please wait...</div>

{% if error_msg %}<div class="error_msg">{{ error_msg }}</div>{% endif %}
<table id="optionstable">
{{ step_form }}
</table>

<div class="buttons" id="button">
<input type="button" value="{% trans "Back" %}" onClick="window.location.replace('{% url lp.lpx.views.step2 project.id %}');" />
<input type="submit" name="submit_action" value="{% trans "Solve" %}" id="submit_button" onclick="show_progressbar()" />
</div>
{% endblock content %}
